<%@page import="org.springframework.security.core.context.SecurityContextHolder"%>
<%@page import="org.apache.commons.lang.StringUtils"%>
<%@page import="org.apache.commons.lang.time.DateFormatUtils"%>
<%@page import="org.springframework.util.CollectionUtils"%>
<%@page import="java.util.Collection"%>
<%@ include file="../common/common_include.jsp"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	NoticeForm form = (NoticeForm)request.getAttribute("command");
	List<TblSiteWeeklyArticle> list = (List<TblSiteWeeklyArticle>)request.getAttribute("lastWeekly");
	TblSiteWeeklyArticle article = (TblSiteWeeklyArticle)request.getAttribute("article");
	List<TblSiteWeeklyMap> mapList = (List<TblSiteWeeklyMap>)request.getAttribute("mapList");
	
%>

<style>

	.weekly-wrap{
		width:1000px;
		margin:0 auto;
		position: relative;
	}

	.weekly-top{
		margin-top:10px;
		margin-bottom:10px;
	}
	.weekly-top-catalog-a{
		display: block;
		height:26px;
		line-height: 26px;
	}
	.weeky-article{
		padding-top:15px;
		overflow: hidden;
	}
	.weekly-article-lc{
		float:left;
		min-width:300px;
		min-height:100px;
		border:1px solid #ccc;
		padding-bottom:20px;
		position: absolute;
		top:350px;
		left:0px;
	}
	.weekly-article-lc-head{
		display:inline-block;
		height:30px;
		width:100%;
		line-height: 30px;
		text-align: center;
		font-weight: bold;
		border-bottom:2px solid #ccc;
	}
	.weekly-top-catalog-a{
		padding-left:10px;
		position: relative;
	}

	.weekly-article-rc{
		float:right;
		width:482px;
		padding-left:13px;
		padding-right:5px;
	}
	.weekly-article-rc-h2{
		text-align: center;
		padding-bottom:10px;
	}
	.weekly-image{
		position: relative;
		overflow: hidden;
		float:left;
		width:500px;
		height:600px;
	}
	.weekly_cover{
		border: 2px solid #aa0000;
    	position: absolute;
	}
	.weekly_cover div {
	    background: #aa0000 none repeat scroll 0 0;
	    cursor: pointer;
	    height: 100%;
	    opacity: 0.2;
	    width: 100%;
	     filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	}
</style>

<div>
	<div class="breadcrumb">
		<div class="bcIcon"></div>
		<ul class="bcNav">
			<li>信丰周刊</li>
		</ul>
	</div>
	<div class="weekly-wrap">
		<div class="weekly-top">
			<a>上一期</a>
			<a><%=(article.getPublicTime()!=null)?DateFormatUtils.format(article.getPublicTime(), "yyyy-MM-dd"):"" %></a>
			<a>下一期</a>
		</div>
		<div class="weekly-image">
			<map name="planetmap">
				<%
					if(!CollectionUtils.isEmpty(mapList)){
						for(TblSiteWeeklyMap map:mapList){
							%>
								
								
							<%-- 	<area article="<%=map.getMapArticleId()%>" href="javascript:XF.Notice.listWeekly_article('<%=map.getMapArticleId() %>')" 
								target="_blank" shape="rect" coords="<%=map.getCoords()%>"></area> --%>
								
									<area article="<%=map.getMapArticleId()%>" href="javascript:void(0)" 
								target="_blank" shape="rect" coords="<%=map.getCoords()%>"></area>
							<%
						}
					}
				%>
			</map>
			<img usemap ="#planetmap" src="<%=request.getContextPath()%>/images/weekly/weekly_1_500x322.jpg" width="500" height="332" />
			<div class="weekly_cover" id="weekly_cover">
				<div></div>	
			</div>
			
			<div class="weekly-article-lc">
				<a class="weekly-article-lc-head"><span>标题导航</span></a>
				<div class="weekly-top-catalog">
					<ul>
					<%
						if(!CollectionUtils.isEmpty(list)){
							for(TblSiteWeeklyArticle a:list){
								%>
									<li>
										<a class="weekly-top-catalog-a" href="javascript:XF.Notice.listWeekly_article('<%=a.getId() %>')"><i class="weekly-top-catalog-a-pre"></i><%=a.getTitle()%></a>
									</li>
								<%
							}
						}
					%>
					</ul>
				</div>
			</div>
		</div>
		
		<div class="weekly-article-rc">
				<h2 class="weekly-article-rc-h2"><%=article.getTitle()%></h2>
	           <%--  <p class="meta-info">
	                <i>发布时间：</i><span class="time"><%=(article.getPublicTime()!=null)?DateFormatUtils.format(article.getPublicTime(), "yyyy-MM-dd HH:mm:ss"):"" %></span>
	            </p> --%>
	            <div class="content">
	            	<%=article.getContent() %>
	        	</div>
		</div>
        <div class="clear"></div>
	</div>
</div>
<script type="text/javascript">
	$(function() {
		XF.Notice.init_week();
	});
</script>



